<%@page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>人才一览</title>
<%@ include file="/common/header/meta.jsp"%>
<%@ include file="/common/header/script.jsp"%>
<script type="text/javascript">
	var $dg;
	var ts = [{
		id: 1,
		text: '服务器',
		children: [{
			id: 'server_unix',
			text: 'Unix'
		},{
			id: 'server_aix',
			text: 'AIX'
		}]
	},{
		id: 2,
		text: '语言',
		children: [{
			id: 'server_solaris',
			text: 'Solaris'
		},{
			id: 'server_freebsd',
			text: 'Freebsd'
		}]
	}];
	$(function() {
		$dg = $("#dg").datagrid({
			url: $.webapp.root+"/admin/system/person/doNotNeedAuth_datagrid.do",
			title: '人才一览', 
			idField: 'id', fit: true, border: false, pageSize: 30, pageList: [30,40,50,100,200,500,1000], rownumbers: true,
			remoteSort: true, toolbar: '#toolbars', striped:true, pagination: true, singleSelect: false,
			sortName: 'num', sortOrder: 'asc',
			frozenColumns: [[
			    { field: 'ck', checkbox: true },
			    { field: 'id', title: 'ID', width: 80, hidden: true },
			    { field: 'num', title: '员工编号', width: 80, sortable: true, formatter:function(value,row){
			    	if(row.logout == -1){
			    		return "<s style='color:red;'>"+value+"</s>";
			    	} else { return value;} 
			    } },
			    { field: 'name', title: '员工姓名', width: 80 },
			    { field: 'sex', title: '性别', width:80, sortable: true, align: 'center'},
 			    { field: 'modifyDate', title: '最后修改时间', width: 140 }
			]],
			columns: [[
			    { field: 'server_unix', title: 'HP Unix', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.server_unix == -1){return "X";} else if(row.server_unix == 1) {return "●";} 
			    	else if(row.server_unix == 2) {return "◎";} else if(row.server_unix == 3) {return "○";} else if(row.server_unix == 4) {return "△";} 
			    } },
			    { field: 'server_aix', title: 'AIX', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.server_aix == -1){return "X";} else if(row.server_aix == 1) {return "●";} 
			    	else if(row.server_aix == 2) {return "◎";} else if(row.server_aix == 3) {return "○";} else if(row.server_aix == 4) {return "△";} 
			    } },
			    { field: 'server_solaris', title: 'Solaris', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.server_solaris == -1){return "X";} else if(row.server_solaris == 1) {return "●";} 
			    	else if(row.server_solaris == 2) {return "◎";} else if(row.server_solaris == 3) {return "○";} else if(row.server_solaris == 4) {return "△";} 
			    } },
			    { field: 'server_freebsd', title: 'FreeBSD', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.server_freebsd == -1){return "X";} else if(row.server_freebsd == 1) {return "●";} 
			    	else if(row.server_freebsd == 2) {return "◎";} else if(row.server_freebsd == 3) {return "○";} else if(row.server_freebsd == 4) {return "△";} 
			    } },
			    { field: 'server_linux', title: 'Linux', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.server_linux == -1){return "X";} else if(row.server_linux == 1) {return "●";} 
			    	else if(row.server_linux == 2) {return "◎";} else if(row.server_linux == 3) {return "○";} else if(row.server_linux == 4) {return "△";} 
			    } },
			    { field: 'server_centos', title: 'CentOS', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.server_centos == -1){return "X";} else if(row.server_centos == 1) {return "●";} 
			    	else if(row.server_centos == 2) {return "◎";} else if(row.server_centos == 3) {return "○";} else if(row.server_centos == 4) {return "△";} 
			    } },
			    { field: 'server_winnt', title: 'windowsNT', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.server_winnt == -1){return "X";} else if(row.server_winnt == 1) {return "●";} 
			    	else if(row.server_winnt == 2) {return "◎";} else if(row.server_winnt == 3) {return "○";} else if(row.server_winnt == 4) {return "△";} 
			    } },
			    { field: 'client_macos', title: 'Mac OS', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.client_macos == -1){return "X";} else if(row.client_macos == 1) {return "●";} 
			    	else if(row.client_macos == 2) {return "◎";} else if(row.client_macos == 3) {return "○";} else if(row.client_macos == 4) {return "△";} 
			    } },
			    { field: 'client_windows', title: 'Windows', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.client_windows == -1){return "X";} else if(row.client_windows == 1) {return "●";} 
			    	else if(row.client_windows == 2) {return "◎";} else if(row.client_windows == 3) {return "○";} else if(row.client_windows == 4) {return "△";} 
			    } },
			    { field: 'client_ios', title: 'IOS', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.client_ios == -1){return "X";} else if(row.client_ios == 1) {return "●";} 
			    	else if(row.client_ios == 2) {return "◎";} else if(row.client_ios == 3) {return "○";} else if(row.client_ios == 4) {return "△";} 
			    } },
			    { field: 'client_android', title: 'Android', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.client_android == -1){return "X";} else if(row.client_android == 1) {return "●";} 
			    	else if(row.client_android == 2) {return "◎";} else if(row.client_android == 3) {return "○";} else if(row.client_android == 4) {return "△";} 
			    } },
			    { field: 'client_wince', title: 'windowsCE', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.client_wince == -1){return "X";} else if(row.client_wince == 1) {return "●";} 
			    	else if(row.client_wince == 2) {return "◎";} else if(row.client_wince == 3) {return "○";} else if(row.client_wince == 4) {return "△";} 
			    } },
			    { field: 'client_win8', title: 'windows8', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.client_win8 == -1){return "X";} else if(row.client_win8 == 1) {return "●";} 
			    	else if(row.client_win8 == 2) {return "◎";} else if(row.client_win8 == 3) {return "○";} else if(row.client_win8 == 4) {return "△";} 
			    } },
			    { field: 'cs_vc', title: 'VC++', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.cs_vc == -1){return "X";} else if(row.cs_vc == 1) {return "●";} 
			    	else if(row.cs_vc == 2) {return "◎";} else if(row.cs_vc == 3) {return "○";} else if(row.cs_vc == 4) {return "△";} 
			    } },
			    { field: 'cs_swing', title: 'SWING', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.cs_swing == -1){return "X";} else if(row.cs_swing == 1) {return "●";} 
			    	else if(row.cs_swing == 2) {return "◎";} else if(row.cs_swing == 3) {return "○";} else if(row.cs_swing == 4) {return "△";} 
			    } },
			    { field: 'cs_vb', title: 'VB', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.cs_vb == -1){return "X";} else if(row.cs_vb == 1) {return "●";} 
			    	else if(row.cs_vb == 2) {return "◎";} else if(row.cs_vb == 3) {return "○";} else if(row.cs_vb == 4) {return "△";} 
			    } },
			    { field: 'cs_vba', title: 'VBA', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.cs_vba == -1){return "X";} else if(row.cs_vba == 1) {return "●";} 
			    	else if(row.cs_vba == 2) {return "◎";} else if(row.cs_vba == 3) {return "○";} else if(row.cs_vba == 4) {return "△";} 
			    } },
			    { field: 'cs_delphi', title: 'delphi', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.cs_delphi == -1){return "X";} else if(row.cs_delphi == 1) {return "●";} 
			    	else if(row.cs_delphi == 2) {return "◎";} else if(row.cs_delphi == 3) {return "○";} else if(row.cs_delphi == 4) {return "△";} 
			    } },
			    { field: 'cs_csharp', title: 'C#', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.cs_csharp == -1){return "X";} else if(row.cs_csharp == 1) {return "●";} 
			    	else if(row.cs_csharp == 2) {return "◎";} else if(row.cs_csharp == 3) {return "○";} else if(row.cs_csharp == 4) {return "△";} 
			    } },
			    { field: 'bs_flash', title: 'FLASH', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.bs_flash == -1){return "X";} else if(row.bs_flash == 1) {return "●";} 
			    	else if(row.bs_flash == 2) {return "◎";} else if(row.bs_flash == 3) {return "○";} else if(row.bs_flash == 4) {return "△";} 
			    } },
			    { field: 'bs_sliverlight', title: 'sliverlight', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.bs_sliverlight == -1){return "X";} else if(row.bs_sliverlight == 1) {return "●";} 
			    	else if(row.bs_sliverlight == 2) {return "◎";} else if(row.bs_sliverlight == 3) {return "○";} else if(row.bs_sliverlight == 4) {return "△";} 
			    } },
			    { field: 'bs_java', title: 'java', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.bs_java == -1){return "X";} else if(row.bs_java == 1) {return "●";} 
			    	else if(row.bs_java == 2) {return "◎";} else if(row.bs_java == 3) {return "○";} else if(row.bs_java == 4) {return "△";} 
			    } },
			    { field: 'bs_ruby', title: 'ruby', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.bs_ruby == -1){return "X";} else if(row.bs_ruby == 1) {return "●";} 
			    	else if(row.bs_ruby == 2) {return "◎";} else if(row.bs_ruby == 3) {return "○";} else if(row.bs_ruby == 4) {return "△";} 
			    } },
			    { field: 'bs_vbnet', title: 'vbnet', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.bs_vbnet == -1){return "X";} else if(row.bs_vbnet == 1) {return "●";} 
			    	else if(row.bs_vbnet == 2) {return "◎";} else if(row.bs_vbnet == 3) {return "○";} else if(row.bs_vbnet == 4) {return "△";} 
			    } },
			    { field: 'bs_csharpnet', title: 'csharpnet', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.bs_csharpnet == -1){return "X";} else if(row.bs_csharpnet == 1) {return "●";} 
			    	else if(row.bs_csharpnet == 2) {return "◎";} else if(row.bs_csharpnet == 3) {return "○";} else if(row.bs_csharpnet == 4) {return "△";} 
			    } },
			    { field: 'cobol85', title: 'cobol85', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.cobol85 == -1){return "X";} else if(row.cobol85 == 1) {return "●";} 
			    	else if(row.cobol85 == 2) {return "◎";} else if(row.cobol85 == 3) {return "○";} else if(row.cobol85 == 4) {return "△";} 
			    } },
			    { field: 'mfcobol', title: 'mfcobol', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.mfcobol == -1){return "X";} else if(row.mfcobol == 1) {return "●";} 
			    	else if(row.mfcobol == 2) {return "◎";} else if(row.mfcobol == 3) {return "○";} else if(row.mfcobol == 4) {return "△";} 
			    } },
			    { field: 'b_share', title: 'b share', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.b_share == -1){return "X";} else if(row.b_share == 1) {return "●";} 
			    	else if(row.b_share == 2) {return "◎";} else if(row.b_share == 3) {return "○";} else if(row.b_share == 4) {return "△";} 
			    } },
			    { field: 'cshell', title: 'c shell', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.cshell == -1){return "X";} else if(row.cshell == 1) {return "●";} 
			    	else if(row.cshell == 2) {return "◎";} else if(row.cshell == 3) {return "○";} else if(row.cshell == 4) {return "△";} 
			    } },
			    { field: 'javascrip', title: 'javascript', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.javascrip == -1){return "X";} else if(row.javascrip == 1) {return "●";} 
			    	else if(row.javascrip == 2) {return "◎";} else if(row.javascrip == 3) {return "○";} else if(row.javascrip == 4) {return "△";} 
			    } },
			    { field: 'vbscript', title: 'vbscript', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.vbscript == -1){return "X";} else if(row.vbscript == 1) {return "●";} 
			    	else if(row.vbscript == 2) {return "◎";} else if(row.vbscript == 3) {return "○";} else if(row.vbscript == 4) {return "△";} 
			    } },
			    { field: 'ruby', title: 'ruby', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ruby == -1){return "X";} else if(row.ruby == 1) {return "●";} 
			    	else if(row.ruby == 2) {return "◎";} else if(row.ruby == 3) {return "○";} else if(row.ruby == 4) {return "△";} 
			    } },
			    { field: 'html', title: 'html', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.html == -1){return "X";} else if(row.html == 1) {return "●";} 
			    	else if(row.html == 2) {return "◎";} else if(row.html == 3) {return "○";} else if(row.html == 4) {return "△";} 
			    } },
			    { field: 'html5', title: 'html5', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.html5 == -1){return "X";} else if(row.html5 == 1) {return "●";} 
			    	else if(row.html5 == 2) {return "◎";} else if(row.html5 == 3) {return "○";} else if(row.html5 == 4) {return "△";} 
			    } },
			    { field: 'css', title: 'css', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.css == -1){return "X";} else if(row.css == 1) {return "●";} 
			    	else if(row.css == 2) {return "◎";} else if(row.css == 3) {return "○";} else if(row.css == 4) {return "△";} 
			    } },
			    { field: 'db_mysql', title: 'mysql', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.db_mysql == -1){return "X";} else if(row.db_mysql == 1) {return "●";} 
			    	else if(row.db_mysql == 2) {return "◎";} else if(row.db_mysql == 3) {return "○";} else if(row.db_mysql == 4) {return "△";} 
			    } },
			    { field: 'db_oracle', title: 'oracle', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.db_oracle == -1){return "X";} else if(row.db_oracle == 1) {return "●";} 
			    	else if(row.db_oracle == 2) {return "◎";} else if(row.db_oracle == 3) {return "○";} else if(row.db_oracle == 4) {return "△";} 
			    } },
			    { field: 'db_sqlserver', title: 'sqlserver', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.db_sqlserver == -1){return "X";} else if(row.db_sqlserver == 1) {return "●";} 
			    	else if(row.db_sqlserver == 2) {return "◎";} else if(row.db_sqlserver == 3) {return "○";} else if(row.db_sqlserver == 4) {return "△";} 
			    } },
			    { field: 'db_sysbase', title: 'sysbase', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.db_sysbase == -1){return "X";} else if(row.db_sysbase == 1) {return "●";} 
			    	else if(row.db_sysbase == 2) {return "◎";} else if(row.db_sysbase == 3) {return "○";} else if(row.db_sysbase == 4) {return "△";} 
			    } },
			    { field: 'db_db2', title: 'db2', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.db_db2 == -1){return "X";} else if(row.db_db2 == 1) {return "●";} 
			    	else if(row.db_db2 == 2) {return "◎";} else if(row.db_db2 == 3) {return "○";} else if(row.db_db2 == 4) {return "△";} 
			    } },
			    { field: 'db_access', title: 'access', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.db_access == -1){return "X";} else if(row.db_access == 1) {return "●";} 
			    	else if(row.db_access == 2) {return "◎";} else if(row.db_access == 3) {return "○";} else if(row.db_access == 4) {return "△";} 
			    } },
			    { field: 'db_postgre', title: 'postgre', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.db_postgre == -1){return "X";} else if(row.db_postgre == 1) {return "●";} 
			    	else if(row.db_postgre == 2) {return "◎";} else if(row.db_postgre == 3) {return "○";} else if(row.db_postgre == 4) {return "△";} 
			    } },
			    { field: 'nosql_hdfs', title: 'nosql_hdfs', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.nosql_hdfs == -1){return "X";} else if(row.nosql_hdfs == 1) {return "●";} 
			    	else if(row.nosql_hdfs == 2) {return "◎";} else if(row.nosql_hdfs == 3) {return "○";} else if(row.nosql_hdfs == 4) {return "△";} 
			    } },
			    { field: 'nosql_hbase', title: 'nosql_hbase', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.nosql_hbase == -1){return "X";} else if(row.nosql_hbase == 1) {return "●";} 
			    	else if(row.nosql_hbase == 2) {return "◎";} else if(row.nosql_hbase == 3) {return "○";} else if(row.nosql_hbase == 4) {return "△";} 
			    } },
			    { field: 'nosql_hive', title: 'nosql_hive', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.nosql_hive == -1){return "X";} else if(row.nosql_hive == 1) {return "●";} 
			    	else if(row.nosql_hive == 2) {return "◎";} else if(row.nosql_hive == 3) {return "○";} else if(row.nosql_hive == 4) {return "△";} 
			    } },
			    { field: 'nosql_mongodb', title: 'nosql_mongodb', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.nosql_mongodb == -1){return "X";} else if(row.nosql_mongodb == 1) {return "●";} 
			    	else if(row.nosql_mongodb == 2) {return "◎";} else if(row.nosql_mongodb == 3) {return "○";} else if(row.nosql_mongodb == 4) {return "△";} 
			    } },
			    { field: 'nosql_redis', title: 'nosql_redis', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.nosql_redis == -1){return "X";} else if(row.nosql_redis == 1) {return "●";} 
			    	else if(row.nosql_redis == 2) {return "◎";} else if(row.nosql_redis == 3) {return "○";} else if(row.nosql_redis == 4) {return "△";} 
			    } },
			    { field: 'socket_tcp_udp', title: 'socket', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.socket_tcp_udp == -1){return "X";} else if(row.socket_tcp_udp == 1) {return "●";} 
			    	else if(row.socket_tcp_udp == 2) {return "◎";} else if(row.socket_tcp_udp == 3) {return "○";} else if(row.socket_tcp_udp == 4) {return "△";} 
			    } },
			    { field: 'ws_soap', title: 'ws_soap', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ws_soap == -1){return "X";} else if(row.ws_soap == 1) {return "●";} 
			    	else if(row.ws_soap == 2) {return "◎";} else if(row.ws_soap == 3) {return "○";} else if(row.ws_soap == 4) {return "△";} 
			    } },
			    { field: 'http_https', title: 'http_https', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.http_https == -1){return "X";} else if(row.http_https == 1) {return "●";} 
			    	else if(row.http_https == 2) {return "◎";} else if(row.http_https == 3) {return "○";} else if(row.http_https == 4) {return "△";} 
			    } },
			    { field: 'openssh', title: 'openssh', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.openssh == -1){return "X";} else if(row.openssh == 1) {return "●";} 
			    	else if(row.openssh == 2) {return "◎";} else if(row.openssh == 3) {return "○";} else if(row.openssh == 4) {return "△";} 
			    } },
			    { field: 'ftp_sfpt', title: 'ftp_sfpt', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ftp_sfpt == -1){return "X";} else if(row.ftp_sfpt == 1) {return "●";} 
			    	else if(row.ftp_sfpt == 2) {return "◎";} else if(row.ftp_sfpt == 3) {return "○";} else if(row.ftp_sfpt == 4) {return "△";} 
			    } },
			    
			    { field: 'dcom', title: 'dcom', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.dcom == -1){return "X";} else if(row.dcom == 1) {return "●";} 
			    	else if(row.dcom == 2) {return "◎";} else if(row.dcom == 3) {return "○";} else if(row.dcom == 4) {return "△";} 
			    } },
			    { field: 'ejb', title: 'ejb', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ejb == -1){return "X";} else if(row.ejb == 1) {return "●";} 
			    	else if(row.ejb == 2) {return "◎";} else if(row.ejb == 3) {return "○";} else if(row.ejb == 4) {return "△";} 
			    } },
			    { field: 'corba', title: 'corba', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.corba == -1){return "X";} else if(row.corba == 1) {return "●";} 
			    	else if(row.corba == 2) {return "◎";} else if(row.corba == 3) {return "○";} else if(row.corba == 4) {return "△";} 
			    } },
			    { field: 'ms_remoting', title: 'ms_remoting', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ms_remoting == -1){return "X";} else if(row.ms_remoting == 1) {return "●";} 
			    	else if(row.ms_remoting == 2) {return "◎";} else if(row.ms_remoting == 3) {return "○";} else if(row.ms_remoting == 4) {return "△";} 
			    } },
			    { field: 'ibm_mq', title: 'ibm_mq', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ibm_mq == -1){return "X";} else if(row.ibm_mq == 1) {return "●";} 
			    	else if(row.ibm_mq == 2) {return "◎";} else if(row.ibm_mq == 3) {return "○";} else if(row.ibm_mq == 4) {return "△";} 
			    } },
			    { field: 'ms_mq', title: 'ms_mq', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ms_mq == -1){return "X";} else if(row.ms_mq == 1) {return "●";} 
			    	else if(row.ms_mq == 2) {return "◎";} else if(row.ms_mq == 3) {return "○";} else if(row.ms_mq == 4) {return "△";} 
			    } },
			    { field: 'spring', title: 'spring', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.spring == -1){return "X";} else if(row.spring == 1) {return "●";} 
			    	else if(row.spring == 2) {return "◎";} else if(row.spring == 3) {return "○";} else if(row.spring == 4) {return "△";} 
			    } },
			    { field: 'struts1', title: 'struts1', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.struts1 == -1){return "X";} else if(row.struts1 == 1) {return "●";} 
			    	else if(row.struts1 == 2) {return "◎";} else if(row.struts1 == 3) {return "○";} else if(row.struts1 == 4) {return "△";} 
			    } },
			    { field: 'struts2', title: 'struts2', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.struts2 == -1){return "X";} else if(row.struts2 == 1) {return "●";} 
			    	else if(row.struts2 == 2) {return "◎";} else if(row.struts2 == 3) {return "○";} else if(row.struts2 == 4) {return "△";} 
			    } },
			    { field: 'springmvc', title: 'springmvc', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.springmvc == -1){return "X";} else if(row.springmvc == 1) {return "●";} 
			    	else if(row.springmvc == 2) {return "◎";} else if(row.springmvc == 3) {return "○";} else if(row.springmvc == 4) {return "△";} 
			    } },
			    { field: 'msmvc', title: 'msmvc', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.msmvc == -1){return "X";} else if(row.msmvc == 1) {return "●";} 
			    	else if(row.msmvc == 2) {return "◎";} else if(row.msmvc == 3) {return "○";} else if(row.msmvc == 4) {return "△";} 
			    } },
			    { field: 'jsf', title: 'jsf', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.jsf == -1){return "X";} else if(row.jsf == 1) {return "●";} 
			    	else if(row.jsf == 2) {return "◎";} else if(row.jsf == 3) {return "○";} else if(row.jsf == 4) {return "△";} 
			    } },
			    { field: 'adf', title: 'adf', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.adf == -1){return "X";} else if(row.adf == 1) {return "●";} 
			    	else if(row.adf == 2) {return "◎";} else if(row.adf == 3) {return "○";} else if(row.adf == 4) {return "△";} 
			    } },
			    { field: 'hibernate', title: 'hibernate', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.hibernate == -1){return "X";} else if(row.hibernate == 1) {return "●";} 
			    	else if(row.hibernate == 2) {return "◎";} else if(row.hibernate == 3) {return "○";} else if(row.hibernate == 4) {return "△";} 
			    } },
			    { field: 'mybatis', title: 'mybatis', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.mybatis == -1){return "X";} else if(row.mybatis == 1) {return "●";} 
			    	else if(row.mybatis == 2) {return "◎";} else if(row.mybatis == 3) {return "○";} else if(row.mybatis == 4) {return "△";} 
			    } },
			    { field: 'extjs', title: 'extjs', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.extjs == -1){return "X";} else if(row.extjs == 1) {return "●";} 
			    	else if(row.extjs == 2) {return "◎";} else if(row.extjs == 3) {return "○";} else if(row.extjs == 4) {return "△";} 
			    } },
			    { field: 'jquery', title: 'jquery', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.jquery == -1){return "X";} else if(row.jquery == 1) {return "●";} 
			    	else if(row.jquery == 2) {return "◎";} else if(row.jquery == 3) {return "○";} else if(row.jquery == 4) {return "△";} 
			    } },
			    { field: 'iis', title: 'iis', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.iis == -1){return "X";} else if(row.iis == 1) {return "●";} 
			    	else if(row.iis == 2) {return "◎";} else if(row.iis == 3) {return "○";} else if(row.iis == 4) {return "△";} 
			    } },
			    { field: 'tomcat', title: 'tomcat', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.tomcat == -1){return "X";} else if(row.tomcat == 1) {return "●";} 
			    	else if(row.tomcat == 2) {return "◎";} else if(row.tomcat == 3) {return "○";} else if(row.tomcat == 4) {return "△";} 
			    } },
			    { field: 'weblogic', title: 'weblogic', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.weblogic == -1){return "X";} else if(row.weblogic == 1) {return "●";} 
			    	else if(row.weblogic == 2) {return "◎";} else if(row.weblogic == 3) {return "○";} else if(row.weblogic == 4) {return "△";} 
			    } },
			    { field: 'websphere', title: 'websphere', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.websphere == -1){return "X";} else if(row.websphere == 1) {return "●";} 
			    	else if(row.websphere == 2) {return "◎";} else if(row.websphere == 3) {return "○";} else if(row.websphere == 4) {return "△";} 
			    } },
			    { field: 'jboss', title: 'jboss', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.jboss == -1){return "X";} else if(row.jboss == 1) {return "●";} 
			    	else if(row.jboss == 2) {return "◎";} else if(row.jboss == 3) {return "○";} else if(row.jboss == 4) {return "△";} 
			    } },
			    { field: 'junit', title: 'junit', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.junit == -1){return "X";} else if(row.junit == 1) {return "●";} 
			    	else if(row.junit == 2) {return "◎";} else if(row.junit == 3) {return "○";} else if(row.junit == 4) {return "△";} 
			    } },
			    { field: 'autorunner', title: 'autorunner', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.autorunner == -1){return "X";} else if(row.autorunner == 1) {return "●";} 
			    	else if(row.autorunner == 2) {return "◎";} else if(row.autorunner == 3) {return "○";} else if(row.autorunner == 4) {return "△";} 
			    } },
			    { field: 'testcenter', title: 'testcenter', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.testcenter == -1){return "X";} else if(row.testcenter == 1) {return "●";} 
			    	else if(row.testcenter == 2) {return "◎";} else if(row.testcenter == 3) {return "○";} else if(row.testcenter == 4) {return "△";} 
			    } },
			    { field: 'sharePoint', title: 'sharePoint', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.sharePoint == -1){return "X";} else if(row.sharePoint == 1) {return "●";} 
			    	else if(row.sharePoint == 2) {return "◎";} else if(row.sharePoint == 3) {return "○";} else if(row.sharePoint == 4) {return "△";} 
			    } },
			    { field: 'cordys', title: 'cordys', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.cordys == -1){return "X";} else if(row.cordys == 1) {return "●";} 
			    	else if(row.cordys == 2) {return "◎";} else if(row.cordys == 3) {return "○";} else if(row.cordys == 4) {return "△";} 
			    } },
			    { field: 'ampinfo', title: 'ampinfo', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ampinfo == -1){return "X";} else if(row.ampinfo == 1) {return "●";} 
			    	else if(row.ampinfo == 2) {return "◎";} else if(row.ampinfo == 3) {return "○";} else if(row.ampinfo == 4) {return "△";} 
			    } },
			    { field: 'arcgis', title: 'arcgis', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.arcgis == -1){return "X";} else if(row.arcgis == 1) {return "●";} 
			    	else if(row.arcgis == 2) {return "◎";} else if(row.arcgis == 3) {return "○";} else if(row.arcgis == 4) {return "△";} 
			    } },
			    { field: 'congnos', title: 'congnos', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.congnos == -1){return "X";} else if(row.congnos == 1) {return "●";} 
			    	else if(row.congnos == 2) {return "◎";} else if(row.congnos == 3) {return "○";} else if(row.congnos == 4) {return "△";} 
			    } },
			    { field: 'pentaho', title: 'pentaho', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.pentaho == -1){return "X";} else if(row.pentaho == 1) {return "●";} 
			    	else if(row.pentaho == 2) {return "◎";} else if(row.pentaho == 3) {return "○";} else if(row.pentaho == 4) {return "△";} 
			    } },
			    { field: 'spss', title: 'spss', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.spss == -1){return "X";} else if(row.spss == 1) {return "●";} 
			    	else if(row.spss == 2) {return "◎";} else if(row.spss == 3) {return "○";} else if(row.spss == 4) {return "△";} 
			    } },
			    { field: 'yjdy', title: '要件定義', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.yjdy == -1){return "X";} else if(row.yjdy == 1) {return "●";} 
			    	else if(row.yjdy == 2) {return "◎";} else if(row.yjdy == 3) {return "○";} else if(row.yjdy == 4) {return "△";} 
			    } },
			    { field: 'jbsjws', title: '基本設計', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.jbsjws == -1){return "X";} else if(row.jbsjws == 1) {return "●";} 
			    	else if(row.jbsjws == 2) {return "◎";} else if(row.jbsjws == 3) {return "○";} else if(row.jbsjws == 4) {return "△";} 
			    } },
			    { field: 'xxsjns', title: '詳細設計', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.xxsjns == -1){return "X";} else if(row.xxsjns == 1) {return "●";} 
			    	else if(row.xxsjns == 2) {return "◎";} else if(row.xxsjns == 3) {return "○";} else if(row.xxsjns == 4) {return "△";} 
			    } },
			    { field: 'pclzc', title: 'PCL作成', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.pclzc == -1){return "X";} else if(row.pclzc == 1) {return "●";} 
			    	else if(row.pclzc == 2) {return "◎";} else if(row.pclzc == 3) {return "○";} else if(row.pclzc == 4) {return "△";} 
			    } },
			    { field: 'cclzc', title: 'CCL作成', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.cclzc == -1){return "X";} else if(row.cclzc == 1) {return "●";} 
			    	else if(row.cclzc == 2) {return "◎";} else if(row.cclzc == 3) {return "○";} else if(row.cclzc == 4) {return "△";} 
			    } },
			    { field: 'zzpc', title: 'コーディング', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.zzpc == -1){return "X";} else if(row.zzpc == 1) {return "●";} 
			    	else if(row.zzpc == 2) {return "◎";} else if(row.zzpc == 3) {return "○";} else if(row.zzpc == 4) {return "△";} 
			    } },
			    { field: 'ut', title: 'UT', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ut == -1){return "X";} else if(row.ut == 1) {return "●";} 
			    	else if(row.ut == 2) {return "◎";} else if(row.ut == 3) {return "○";} else if(row.ut == 4) {return "△";} 
			    } },
			    { field: 'ct', title: 'CT', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ct == -1){return "X";} else if(row.ct == 1) {return "●";} 
			    	else if(row.ct == 2) {return "◎";} else if(row.ct == 3) {return "○";} else if(row.ct == 4) {return "△";} 
			    } },
			    { field: 'st', title: 'ST', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.st == -1){return "X";} else if(row.st == 1) {return "●";} 
			    	else if(row.st == 2) {return "◎";} else if(row.st == 3) {return "○";} else if(row.st == 4) {return "△";} 
			    } },
			    { field: 'ead2jy', title: 'eAD2経験', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ead2jy == -1){return "X";} else if(row.ead2jy == 1) {return "●";} 
			    	else if(row.ead2jy == 2) {return "◎";} else if(row.ead2jy == 3) {return "○";} else if(row.ead2jy == 4) {return "△";} 
			    } },
			    { field: 'rlxt', title: '日立系统', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.rlxt == -1){return "X";} else if(row.rlxt == 1) {return "●";} 
			    	else if(row.rlxt == 2) {return "◎";} else if(row.rlxt == 3) {return "○";} else if(row.rlxt == 4) {return "△";} 
			    } },
			    { field: 'ecrbjy', title: 'e-CRB', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ecrbjy == -1){return "X";} else if(row.ecrbjy == 1) {return "●";} 
			    	else if(row.ecrbjy == 2) {return "◎";} else if(row.ecrbjy == 3) {return "○";} else if(row.ecrbjy == 4) {return "△";} 
			    } },
			    { field: 'bmtstcs', title: 'BMTS/TCS作業経験', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.bmtstcs == -1){return "X";} else if(row.bmtstcs == 1) {return "●";} 
			    	else if(row.bmtstcs == 2) {return "◎";} else if(row.bmtstcs == 3) {return "○";} else if(row.bmtstcs == 4) {return "△";} 
			    } },
			    { field: 'apac', title: 'APAC', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.apac == -1){return "X";} else if(row.apac == 1) {return "●";} 
			    	else if(row.apac == 2) {return "◎";} else if(row.apac == 3) {return "○";} else if(row.apac == 4) {return "△";} 
			    } },
			    { field: 'nttdata', title: 'Intra-mart', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.nttdata == -1){return "X";} else if(row.nttdata == 1) {return "●";} 
			    	else if(row.nttdata == 2) {return "◎";} else if(row.nttdata == 3) {return "○";} else if(row.nttdata == 4) {return "△";} 
			    } },
			    { field: 'dynamicsax', title: 'Dynamics AX', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.dynamicsax == -1){return "X";} else if(row.dynamicsax == 1) {return "●";} 
			    	else if(row.dynamicsax == 2) {return "◎";} else if(row.dynamicsax == 3) {return "○";} else if(row.dynamicsax == 4) {return "△";} 
			    } },
			    { field: 'zpzc', title: '帳票作成', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.zpzc == -1){return "X";} else if(row.zpzc == 1) {return "●";} 
			    	else if(row.zpzc == 2) {return "◎";} else if(row.zpzc == 3) {return "○";} else if(row.zpzc == 4) {return "△";} 
			    } },
			    { field: 'activeReports', title: 'ActiveReports', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.activeReports == -1){return "X";} else if(row.activeReports == 1) {return "●";} 
			    	else if(row.activeReports == 2) {return "◎";} else if(row.activeReports == 3) {return "○";} else if(row.activeReports == 4) {return "△";} 
			    } },
			    { field: 'svf', title: 'SVF', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.svf == -1){return "X";} else if(row.svf == 1) {return "●";} 
			    	else if(row.svf == 2) {return "◎";} else if(row.svf == 3) {return "○";} else if(row.svf == 4) {return "△";} 
			    } },
			    { field: 'bizStream', title: 'biz-Stream', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.bizStream == -1){return "X";} else if(row.bizStream == 1) {return "●";} 
			    	else if(row.bizStream == 2) {return "◎";} else if(row.bizStream == 3) {return "○";} else if(row.bizStream == 4) {return "△";} 
			    } },
			    { field: 'ucosminexus', title: 'uCosminexus EUR', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.ucosminexus == -1){return "X";} else if(row.ucosminexus == 1) {return "●";} 
			    	else if(row.ucosminexus == 2) {return "◎";} else if(row.ucosminexus == 3) {return "○";} else if(row.ucosminexus == 4) {return "△";} 
			    } },
			    { field: 'vss', title: 'vss', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.vss == -1){return "X";} else if(row.vss == 1) {return "●";} 
			    	else if(row.vss == 2) {return "◎";} else if(row.vss == 3) {return "○";} else if(row.vss == 4) {return "△";} 
			    } },
			    { field: 'cvs', title: 'cvs', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.cvs == -1){return "X";} else if(row.cvs == 1) {return "●";} 
			    	else if(row.cvs == 2) {return "◎";} else if(row.cvs == 3) {return "○";} else if(row.cvs == 4) {return "△";} 
			    } },
			    { field: 'svn', title: 'svn', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.svn == -1){return "X";} else if(row.svn == 1) {return "●";} 
			    	else if(row.svn == 2) {return "◎";} else if(row.svn == 3) {return "○";} else if(row.svn == 4) {return "△";} 
			    } },
			    { field: 'loadRunner', title: 'loadRunner', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.loadRunner == -1){return "X";} else if(row.loadRunner == 1) {return "●";} 
			    	else if(row.loadRunner == 2) {return "◎";} else if(row.loadRunner == 3) {return "○";} else if(row.loadRunner == 4) {return "△";} 
			    } },
			    { field: 'photoshop', title: 'photoshop', width:80, sortable: true, align: 'center', formatter:function(value,row){
			    	if(row.photoshop == -1){return "X";} else if(row.photoshop == 1) {return "●";} 
			    	else if(row.photoshop == 2) {return "◎";} else if(row.photoshop == 3) {return "○";} else if(row.photoshop == 4) {return "△";} 
			    } }
			]],
			//columnFilter: { panelHeight: 100, position: "top" },
			onLoadSuccess: function(node, data) {
				$.fn.datagrid.extensions.onLoadSuccess.apply(this, arguments);
				$dg.datagrid('unselectAll');$dg.datagrid('clearSelections');
			}
		}) ;
		org_search = $("#org_search").combotree({
			url : $.webapp.root+"/static_res/org.tree.json",
			editable: false, lines:true, selectOnNavigation: true,
			onChange: function(newValue, oldValue) {
				$dg.datagrid("load",{org_id: newValue});
            }
	    });
		
		$.post($.webapp.root+"/data/skill.json", function(result){
			console.info(result) ;
		});
		$("#ts").combotree({
			url : $.webapp.root+"/data/skill.json",
			multiple:true
		});
	});
	
	function doSearch(value,name){
		var o = {} ; o[name] = value ; $dg.datagrid("load",o);
	}
	function searchBox() {
		var search_form = $("#searchForm").form("getData") ;
		$dg.datagrid("load",search_form);
	}
	function searchClear() {
		$("#searchForm").form("clear") ;
		$dg.datagrid("load",{});
	}
	
	function sx_hide() {
		var s = $("#ts").combotree("getValues");
		$.each(s,function(i,p){
			if(isNaN(p)) {
				$dg.datagrid("hideColumn", p);
			}
		});
	}
	function sx_show() {
		var opts = $('#dg').datagrid('getColumnFields');
		console.info(opts) ;
		$.each(opts,function(i,p){
				$dg.datagrid("showColumn", p);
		});
		$("#ts").combotree("setValues", "");
	}
	
</script>
</head>

<body>

	<div id="dg">
		<div id="toolbars">
            <div id="search_bar">
            	<!-- <div>说明：</div> -->
            	<form id="searchForm">
	            	<div class="s_box">
	            		<div class="gr">
		            		<div class="st">公司部门&nbsp;</div>
		            		<div class="si1"><input id="org_search" name="org_id" style="width:220px;height:25px;" /></div>
	            		</div>
	            		<div class="gr">
		            		<div class="si">
			            		<input class="easyui-searchbox" data-options="searcher:doSearch,width: 150, height: 25, menu: '#topSearchboxMenu'" />
								<div id="topSearchboxMenu" style="width: 85px;">
									<div data-options="name:'num', iconCls: 'icon-hamburg-zoom'">编号</div>
									<div data-options="name:'name', iconCls: 'icon-hamburg-zoom'">姓名</div>
									<div data-options="name:'email', iconCls: 'icon-hamburg-zoom'">邮件</div>
								</div>
		            		</div>
	            		</div>
	            		<div class="gr">
							<div class="st">状态&nbsp;</div>
							<div class="si">
								<select name="empState" class="easyui-combobox" data-options="panelHeight:'auto',editable:false" style="height:25px;width:67px;">
									<option value="">请选择</option>
									<option value="在职">在职</option>
									<option value="离职">离职</option>
									<option value="退休">退休</option>
								</select>
							</div>
						</div>
						<div class="gr">
							<div class="st">注销&nbsp;</div>
							<div class="si">
								<select name="logout" class="easyui-combobox" data-options="panelHeight:'auto',editable:false" style="height:25px;width:67px;">
									<option value="">请选择</option>
									<option value="0">正常</option>
									<option value="-1">注销</option>
								</select>
							</div>
						</div>
	            		<div class="gr">
		            		<div class="st">
			            		<a onClick="searchBox();" class="easyui-linkbutton" data-options="plain: true, iconCls: 'icon-standard-zoom'">查询</a>
			            		<a onClick="searchClear();" class="easyui-linkbutton" data-options="plain: true, iconCls: 'icon-standard-zoom-out'">重置</a>
			            		<a onclick="$dg.datagrid('reload');" class="easyui-linkbutton" data-options="plain: true, iconCls: 'ext_reload'">刷新</a>
		            		</div>
	            		</div>
	            	</div>
	            	<div class="s_box">
	            		<div class="gr">
	            			静态过滤 <input id="ts" style="width:320px;height:25px;" />
		            		<a onClick="sx_hide();" class="easyui-linkbutton" data-options="plain: true, iconCls: 'icon-standard-zoom'">过滤</a>
		            		<a onClick="sx_show();" class="easyui-linkbutton" data-options="plain: true, iconCls: 'icon-standard-zoom'">重置</a>
	            		</div>
	            	</div>
	            	
            	</form>
            </div>
        </div>
	</div>
</body>
</html>